<!--办理流程元数据信息-->
<template>
  <div class="meta-tab2">
    <a-timeline>
      <a-timeline-item v-for="(item, index) in activities" :key="index">
        <a-icon slot="dot" :type="item.icon" style="font-size: 16px;" />
        <a-card hoverable>
          <p>环节名称：{{ item.nodeName }}</p>
          <p>处理意见：{{ item.suggestion }}</p>
          <p>操作部门编号：{{ item.opreationDepartmentCode }}</p>
          <p>操作部门名称：{{ item.opreationDepartmentName }}</p>
          <p>经办人用户姓名：{{ item.opreationUserName }}</p>
          <p>经办人用户编号：{{ item.opreationUserId }}</p>
          <p>处理时间：{{ item.opreationTime }}</p>
        </a-card>
      </a-timeline-item>
    </a-timeline>
  </div>
</template>

<script>
export default {
  name: '',
  components: {
  },
  data () {
    return {
      activities: [{
        icon: 'area-chart',
        nodeName: '开始',
        suggestion: '同意',
        opreationDepartmentCode: 'DDFF',
        opreationDepartmentName: '技术部',
        opreationUserName: 'admin',
        opreationUserId: '123',
        opreationTime: '2020-08-20 20:46'
      }, {
        icon: 'pie-chart',
        nodeName: '阶段1',
        suggestion: '反对',
        opreationDepartmentCode: 'DDFF',
        opreationDepartmentName: '研发部',
        opreationUserName: 'admin',
        opreationUserId: '123',
        opreationTime: '2020-08-20 20:46'
      }, {
        icon: 'bar-chart',
        nodeName: '阶段2',
        suggestion: '同意',
        opreationDepartmentCode: 'DDFF',
        opreationDepartmentName: '外交部',
        opreationUserName: 'admin',
        opreationUserId: '123',
        opreationTime: '2020-08-20 20:46'
      }, {
        icon: 'radar-chart',
        nodeName: '结束',
        suggestion: '不同意',
        opreationDepartmentCode: 'DDFF',
        opreationDepartmentName: '运营部',
        opreationUserName: 'admin',
        opreationUserId: '123',
        opreationTime: '2020-08-20 20:46'
      }]
    }
  },
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style lang="less" scoped>
.meta-tab2 {
  height: 100%;
  .ant-timeline {
    height: 100%;
    overflow: auto;
    padding: 20px;
    border: 1px solid #e8e8e8;
  }
}
</style>
